<!-- 用于显示每个测试项（多个数据集）的情况 -->

<template>
    <a-row :gutter="10">
        <a-col :span="3">{{title}}</a-col>
        <a-col :span="7">
            <cell-card :row="test" col="energy" :items="data.energy"></cell-card>
        </a-col>
        <a-col :span="7">
            <cell-card :row="test" col="traffic" :items="data.traffic"></cell-card>
        </a-col>
        <a-col :span="7">
            <cell-card :row="test" col="syn" :items="data.syn"></cell-card>
        </a-col>
    </a-row>
</template>

<script>
import CellCard from './CellCard.vue'

export default {
    components: { CellCard },
    name: 'RowContainer',
    props: {
        title: String,
        test: String,
        data: Object
    },
    created(){
        console.log(this.data)
    }
}
</script>

<style scoped>
    /* cell-card {
        padding: 0 20px;
    } */
</style>
